<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>管理收货地址</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/edit-address.css" rel="stylesheet"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">选择收货地址</h1>
		</header>
		<div id="add" class="new-address">
			<input type="button" id="address-btn" value="新增服务地址" />
		</div>
		<ul class="edit-address-list">
			<li class="row mt10 p10 active">
				<div class="address-cont">
					<span class="user-name">南山彭于晏</span>
					<span class="phone-num">13855599888</span>
					<p class="address">广东省 深圳市 南山区 深南大道数字文化产业基地西塔楼2906</p>
				</div>
				<div class="editor">
					<div class="checker-box width">
						<div class="checker">
							<!--<span class="mui-icon iconfont icon-check"></span>-->
						</div>
						<span class="select-all">默认地址</span>
					</div>
					<div class="setting">
						<a>删除</a>
						<a class="do-edit">编辑</a>
					</div>
				</div>
			</li>
			<li class="row mt10 p10">
				<div class="address-cont">
					<span class="user-name">南山彭于晏</span>
					<span class="phone-num">13855599888</span>
					<p class="address">广东省 深圳市 南山区 深南大道数字文化产业基地西塔楼2906</p>
				</div>
				<div class="editor">
					<div class="checker-box width">
						<div class="checker">
							<!--<span class="mui-icon iconfont icon-check"></span>-->
						</div>
						<span class="select-all">默认地址</span>
					</div>
					<div class="setting">
						<a>删除</a>
						<a href="add-address.html">编辑</a>
					</div>
				</div>
			</li>
		</ul>
		<div class="submit">提交</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()

			mui('.edit-address-list').on('tap','li',function(){
				mui('.edit-address-list li').each(function(){
					this.classList.remove('active')
				})
				this.classList.add('active')
			})

			document.getElementById('add').addEventListener('tap',function(){
				mui.openWindow({
				    url:'add-address.html',
				    id :'add-address.html',
				    styles:{
				      top:0,
				      bottom:0,
				    },
				})
			})
			document.getElementsByClassName('submit')[0].addEventListener('tap',function(){
				mui.openWindow({
				    url:'tjcg.html',
				    id :'tjcg.html',
				    
				})
			})
			
			
		</script>
	</body>

</html>
